<!doctype html>
<html lang="zh-CH">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>央票通</title>
	<link rel="stylesheet" href="./resource/css/index.css">
	<link rel="stylesheet" href="./resource/css/user.css">
</head>
<body>
<!-- 头部 -->
@include('common.index_head')
<!-- 个人中心 -->
<div class="cont-user">

	<!-- 个人中心头部 -->
	@include('common.user_head')
	<div class="user-center">
		<div class="main">

			<!-- 个人中心列表 -->
			@include('common.user_left')
			<div class="user-container left">
				<div class="user-title user-password user-invite">
					<div class="title">
						<div class="h left">邀请好友</div>
					</div>
					<div class="invite">
						<img src="./resource/img/user_invite.png" alt="">
						{{--<a href="javascript:;" class="btn btn-invite">立即邀请</a>--}}
					</div>
					<div class="invite-til">推荐好友方式</div>
					<div class="invite-share">
						<div class="share-p">
							<span><img src="./resource/img/user_pass_pic.png" alt=""></span>
							复制链接，即可分享给好友，通过此链接注册成功后现金券券将进入您的帐户中
						</div>
						<div class="share-a">
							<span id="J_copy_p">http://www.damailicai.com/share-86930.html</span>
							<div class="btn btn-copy">
								<a id="btn-copy" href="javascript:;">复制链接</a>
							</div>
						</div>
						<div class="share-bai">
							<div class="til">
								<span><img src="./resource/img/user_pass_pic.png" alt=""></span>
								将您的手机号告知好友，请好友在注册时在推荐人”输入框时输入您的手机号“
							</div>
							<div class="bai-p">13718214099</div>
						</div>
					</div>
					<div class="invite-box">
						<div class="index-money">
							赚取金额（元）：<span>1000</span>
							邀请好友（个）：<span>50</span>
						</div>
						<div class="pass-cont">
							<table>
								<thead>
									<tr>
										<td>好友昵称</td>
										<td>注册时间</td>
										<td>注册奖励</td>
										<td>邀请状态</td>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>张＊平</td>
										<td>2016-1-12</td>
										<td>1000.0</td>
										<td>已邀请</td>
									</tr>
									<tr>
										<td>张＊平</td>
										<td>2016-1-12</td>
										<td>1000.0</td>
										<td>已邀请</td>
									</tr>
									<tr>
										<td>张＊平</td>
										<td>2016-1-12</td>
										<td>1000.0</td>
										<td>已邀请</td>
									</tr>
									<tr>
										<td>张＊平</td>
										<td>2016-1-12</td>
										<td>1000.0</td>
										<td>已邀请</td>
									</tr>
									<tr>
										<td>张＊平</td>
										<td>2016-1-12</td>
										<td>1000.0</td>
										<td>已邀请</td>
									</tr>
									<tr>
										<td>张＊平</td>
										<td>2016-1-12</td>
										<td>1000.0</td>
										<td>已邀请</td>
									</tr>
									<tr>
										<td>张＊平</td>
										<td>2016-1-12</td>
										<td>1000.0</td>
										<td>已邀请</td>
									</tr>
									<tr>
										<td>张＊平</td>
										<td>2016-1-12</td>
										<td>1000.0</td>
										<td>已邀请</td>
									</tr>
									<tr>
										<td>张＊平</td>
										<td>2016-1-12</td>
										<td>1000.0</td>
										<td>已邀请</td>
									</tr>
									<tr>
										<td>张＊平</td>
										<td>2016-1-12</td>
										<td>1000.0</td>
										<td>已邀请</td>
									</tr>
								</tbody>
							</table>	
						</div>
						<ul class="pagination">
							<li>
								<a href="javascript:void(0);" class="previous">
									<span></span>
								</a>
							</li>
							<li class="active"><a href="javascript:void(0);">1</a></li>
							<li><a href="javascript:void(0);">2</a></li>
							<li><a href="javascript:void(0);">3</a></li>
							<li><a href="javascript:void(0);">4</a></li>
							<li><a href="javascript:void(0);">5</a></li>
							<li><a href="javascript:void(0);">6</a></li>
							<li><a href="javascript:void(0);">7</a></li>
							<li><a href="javascript:void(0);">8</a></li>
							<li><a href="javascript:void(0);">9</a></li>
							<li><a href="javascript:void(0);">...56</a></li>
							<li>
								<a href="javascript:void(0);" class="next">
									<span></span>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- footer -->
@include('common.index_foot')

<script src="./resource/js/jquery-1.11.3.min.js"></script>
<script src="./resource/js/index.js"></script>
<script src="./resource/js/jquery.zclip.min.js"></script>
<script src="./resource/js/user.js"></script>
<script>
	$('#btn-copy').zclip({
		path: "js/ZeroClipboard.swf",
		copy: function(){
			return $('#J_copy_p').html();
		}
	});
</script>
</body>
</html>